<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>大发系统   登陆界面</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="stylesheet" type="text/css"
			href="ext/resources/css/ext-all.css">
		<script type="text/javascript" src="ext/bootstrap.js">
</script>
		<script type="text/javascript" src="/ext/locale/ext-lang-zh_CN.js">
</script>
		<script type="text/javascript">
Ext.onReady(function() {
	Ext.QuickTips.init();//初始化提示;
		var loginForm = Ext.create('Ext.form.Panel', {
			title : '大发系统登录',
			width : 230,
			frame : true,
			draggable : true,
			buttonAlign : 'center',
			fieldDefaults : {//统一设置表单字段默认属性
				labelSeparator : '：',//分隔符
				labelWidth : 50,//标签宽度
				msgTarget : 'side',
				width : 200
			},
			renderTo : 'form',
			bodyPadding : 5,
			defaultType : 'textfield',//设置表单字段的默认类型
			items : [ {
				fieldLabel : '用户名',
				name : 'loginname',
				allowBlank : false
			}, {
				fieldLabel : '密码',
				name : 'password',
				inputType : 'password',
				allowBlank : false
			} ],
			buttons : [ {
				text : '登陆',
				handler : login
			}, {
				text : '重置',
				handler : reset
			} ]
		});
		function login() {//提交表单
			loginForm.getForm().submit( {
				clientValidation : true,//进行客户端验证
				url : 'login.do',//请求的url地址
				method : 'POST',//请求方式
				success : function(form, action) {//加载成功的处理函数
					location.href = 'page/index.jsp';
				},
				failure : function(form, action) {//加载失败的处理函数
					Ext.Msg.alert('提示', '系统登陆失败，原因：' + action.failureType);
				}
			});
		}
		function reset() {//重置表单
			loginForm.form.reset();
		}
	});
</script>
	</head>

	<body>
		<table align="center" width="98%" height="98%">
			<tr valign="middle" align="center">
				<td align="center" >
					<div id="form"></div>
				</td>
			</tr>
		</table>
	</body>
</html>
